<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="base" uri="http://qdbp.gitee.io/tags/base/"%>

<!DOCTYPE html>
<html>
<head>
	<%@ include file="../_/meta.jsp"%>
	<title>注册 - ${pv.project.name}</title>
	<%@ include file="../_/style.jsp"%>
</head>

<body>
	<%@ include file="../_/header.jsp"%>
	<header class="breadcrumbs bg-light-grey">
		<div class="container">
			<a href="<base:url href='/' />">首页</a> &gt; <a>注册</a>
		</div>
	</header>
	<section class="ibody bg-light-grey pb-lg">
		<div class="container">
			<div class="bg-white ptb-lg plr-md">
				<div class="row">
					<div class="col-sm-offset-1 col-sm-3 hidden-xs">
						<div><img class="img-thumbnail img-circle portrait-img" src="<base:url href='assets/img/user/default.png'/>" /></div>
						<div class="text-center pt-xs">
							<form class="btn btn-default file-upload-box" data-zupload="{folder:'temps',extra:{'category':'portrait'}}" method="POST" action="<base:url href='actions/account-auth/base-info/update.json'/>">
								设置头像
								<input type="file" name="image" accept=".png,.jpeg,.jpg" data-zupload="true" />
							</form>
						</div>
					</div>
					<div class="col-sm-7 col-xs-12">
						<form class="form-horizontal vld-form" name="register" method="POST" action="<base:url href='actions/account-auth/register/by-valid-code.json'/>" data-to="<base:url href='/' />" onsubmit="return false">
							<div class="form-group">
								<label class="col-sm-3 control-label"><i class="asterisk"></i>手机号码</label>
								<div class="col-sm-9">
									<div class="input-group input-btn-box">
										<input name="account" type="text" class="form-control" data-vld="[ {required:true}, {regexp:'mobile'}, {ajax:'<base:url href="actions/account-auth/register/available.json"/>',fields:'account'} ]" />
										<div class="input-group-btn"> <button class="btn btn-default do-send" data-countdown="{second}秒后重试" data-url="<base:url href='actions/account-auth/register/send-valid-code.json'/>">发送验证码</button> </div>
									</div>
									<div class="vld-tips"></div>
									<input type="hidden" name="photo" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"><i class="asterisk"></i>验证码</label>
								<div class="col-sm-9">
									<input name="validCode" type="text" class="form-control" data-vld="{required:true}" />
									<div class="vld-tips"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"><i class="asterisk"></i>登录密码</label>
								<div class="col-sm-9">
									<input name="password" type="password" class="form-control" data-vld="[ {required:true}, {length:[6,50]}, {pwdlevel:'medium'} ]" />
									<div class="vld-tips"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"><i class="asterisk"></i>确认密码</label>
								<div class="col-sm-9">
									<input name="confirmPassword" type="password" class="form-control" data-vld="[ {required:true}, {compare:'[name=password]'} ]" />
									<div class="vld-tips"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">昵称</label>
								<div class="col-sm-9">
									<input name="nickName" type="text" class="form-control" />
									<div class="vld-tips"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">性别</label>
								<div class="col-sm-9">
									<div class="row compact">
										<div class="col-sm-4">
											<label class="input-group">
												<span class="input-group-addon"><input name="gender" type="radio" value="MALE" autocomplete="off"></span>
												<div class="form-control">男</div>
											</label>
										</div>
										<div class="col-sm-4">
											<label class="input-group">
												<span class="input-group-addon"><input name="gender" type="radio" value="FEMALE" autocomplete="off"></span>
												<div class="form-control">女</div>
											</label>
										</div>
										<div class="col-sm-4">
											<label class="input-group">
												<span class="input-group-addon"><input name="gender" type="radio" value="UNKNOWN" autocomplete="off"></span>
												<div class="form-control">保密</div>
											</label>
										</div>
									</div>
									<div class="vld-tips"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"><i class="asterisk"></i>服务协议</label>
								<div class="col-sm-9">
									<label class="input-group">
										<span class="input-group-addon"><input type="checkbox" name="agree" value="true" autocomplete="off" data-vld="{required:true,text:'您还未同意服务协议'}"></span>
										<div class="form-control">我同意接受&nbsp;《<a href="#">服务协议</a>》</div>
									</label>
									<div class="vld-tips"></div>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="row pt-md">
					<div class="col-xs-12 text-center">
						<button class="btn btn-success do-submit" data-options="message:'注册'">立&nbsp;即&nbsp;注&nbsp;册</button>
					</div>
				</div>
			</div>
		</div>
	</section>
	<%@ include file="../_/footer.jsp"%>


	<%@ include file="../_/script.jsp"%>
	<script src="<base:url href='assets/libs/zfiles/upload.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/libs/zhh.validate/code/zhh.validate.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/base/core/bootstrap/plugins-init.js'/>" type="text/javascript" data-zload-ignore="true"></script>
	<script src="<base:url href='assets/libs/cookie/cookie.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/pc/auth/auth-base.js'/>" type="text/javascript"></script>
	<script src="<base:url href='assets/pc/auth/register.js'/>" type="text/javascript"></script>
	<%@ include file="../_/analysis.jsp"%>
</body>
</html>
